<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // var i=1;
        // function show(){
        //     var img=document.querySelector("img");//DOM对象
        //     if(i%2!=0){//奇数
        //         img.src="images/baby.png";
        //     }else{//偶数
        //         img.src="images/mi.png";
        //     }
        //     i++;//2  3  4
        // }
        
        var flag=true;
        function show(){
            var img=document.querySelector("img");//DOM对象
            if(flag){
                img.src="images/baby.png";
                flag=false;
            }else{
                img.src="images/mi.png";
                flag=true;
            }
        }
    </script>
</head>
<body>
    <div>
        <img src="images/mi.png" alt="" >
    </div>
    <input type="button" value="切换"  onclick="show()">
</body>
</html>